<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>INICIO UNIVERSIDAD</title>
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/css/default.css" />
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/themes/#{preferencias.tema}/skin.css" />
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/syntaxhighlighter/styles/syntaxhighlighter.css"/>
</h:head>
<f:loadBundle basename="idiomas.mensaje" var="mensaje"/>
<body bgcolor="black">
	<br /><br /><br />
	<div align="center">
		<h:panelGrid columns="1">
			<h:form id="themeForm">
				<p:commandButton id="themeButton"
					value="Change Theme: #{preferencias.tema}"
					onclick="themeMenu.show()" type="button" style="width:100%" />
					
				<p:menu widgetVar="themeMenu" position="dynamic"
					context="'themeForm:themeButton','tl','bl'" styleClass="themeMenu">
					<p:submenu label="Themes">
						<p:menuitem value="Sam (Default)" ajax="false">
							<f:setPropertyActionListener value="sam"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Base" ajax="false">
							<f:setPropertyActionListener value="base"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Black-Tie" ajax="false">
							<f:setPropertyActionListener value="black-tie"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Blitzer" ajax="false">
							<f:setPropertyActionListener value="blitzer"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="BlueSky" ajax="false">
							<f:setPropertyActionListener value="bluesky"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Casablanca" ajax="false">
							<f:setPropertyActionListener value="casablanca"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Cupertino" ajax="false">
							<f:setPropertyActionListener value="cupertino"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Dark-Hive" ajax="false">
							<f:setPropertyActionListener value="dark-hive"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Dot-Luv" ajax="false">
							<f:setPropertyActionListener value="dot-luv"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Eggplant" ajax="false">
							<f:setPropertyActionListener value="eggplant"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Excite-Bike" ajax="false">
							<f:setPropertyActionListener value="excite-bike"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Flick" ajax="false">
							<f:setPropertyActionListener value="flick"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Hot-Sneaks" ajax="false">
							<f:setPropertyActionListener value="hot-sneaks"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Humanity" ajax="false">
							<f:setPropertyActionListener value="humanity"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Le-Frog" ajax="false">
							<f:setPropertyActionListener value="le-frog"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Mint-Choc" ajax="false">
							<f:setPropertyActionListener value="mint-choc"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Overcast" ajax="false">
							<f:setPropertyActionListener value="overcast"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Pepper-Grinder" ajax="false">
							<f:setPropertyActionListener value="pepper-grinder"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Redmond" ajax="false">
							<f:setPropertyActionListener value="redmond"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Smoothness" ajax="false">
							<f:setPropertyActionListener value="smoothness"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="South-Street" ajax="false">
							<f:setPropertyActionListener value="south-street"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Start" ajax="false">
							<f:setPropertyActionListener value="start"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Sunny" ajax="false">
							<f:setPropertyActionListener value="sunny"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Swanky-Purse" ajax="false">
							<f:setPropertyActionListener value="swanky-purse"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Trontastic" ajax="false">
							<f:setPropertyActionListener value="trontastic"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="UI-Lightness" ajax="false">
							<f:setPropertyActionListener value="ui-lightness"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="UI-Darkness" ajax="false">
							<f:setPropertyActionListener value="ui-darkness"
								target="#{preferencias.tema}" />
						</p:menuitem>
						<p:menuitem value="Vader" ajax="false">
							<f:setPropertyActionListener value="vader"
								target="#{preferencias.tema}" />
						</p:menuitem>
					</p:submenu>
				</p:menu>
			</h:form>
		</h:panelGrid>
		
		<h:panelGrid columns="1">
			<h:form prependId="false">
				<div align = "center">
					<br />
					<h1 id="header" align = "center" style="color: red">
						<i><b>UNIVERSIDAD</b></i>
					</h1>
					<br />
					<p:growl id="growl" showDetail="true" life="3000" /> 
					<p:panel id="panel" header="Ingreso a la Universidad" style="margin-bottom:10px;">
						<p:messages /> 
						<br />
						<h:outputText value="Ingrese la cedula y la clave" style="color: black" />
						<br /><br />
						<h:panelGrid columns="3">
							<h:outputText value="#{mensaje['label.cedula']}: " style="color: black" />
							<h:inputText id="cedula" required="true" value="#{loginModuleBean.userName}" requiredMessage = "Ingrese su cedula"/>
							<p:message for="cedula" />
							<h:outputText  value="#{mensaje['label.contrasena']}: " style="color: black" />
							<h:inputSecret id="contrasenia" required="true" value="#{loginModuleBean.password}" requiredMessage = "Ingrese su contrasenia"/>
							<p:message for="contrasenia" />
						</h:panelGrid>
						<br />
						<h:commandButton value="Aceptar" action="#{loginModuleBean.login}" />
					</p:panel>
				</div>
			</h:form>
		</h:panelGrid>
	</div>
	<br />
	<div align = "center">
		<h:form id="idioma">
			<h:commandButton value="Cambiar idioma a ingles" action="#{idiomaBean.cambiarIdioma}" />
		</h:form>
	</div>
	<br /><br />
</body>
</html>